.bannerTitleEng {
    font: bold 200% Consolas, Monaco, monospace;
    border-right: 0.1em solid;
    width: 850px;
    margin: 0 auto;
    white-space: nowrap;
    overflow: hidden;
    animation: typing 2s steps(20, end),
        cursor-blink 0.3s step-end infinite alternate;
}
@keyframes typing {
    from {
        width: 0;
    }
}

@keyframes cursor-blink {
    50% {
        border-color: transparent;
    }
}


*, *::before, *::after {
    box-sizing: border-box;
}
.conic {
    position: relative;
    z-index: 0;
    width: 160px;
    height: 50px;
    border-radius: 10px;
    overflow: hidden;
    line-height: 50px;
    cursor: pointer;
    color: #fff;
    &::before {
        content: '';
        position: absolute;
        z-index: -2;
        left: -50%;
        top: -250%;
        width: 200%;
        height: 600%;
        background-color: #587be4;
        background-repeat: no-repeat;
        background-position: 0 0;
        background-image: conic-gradient(transparent,#fff, transparent 30%);
        animation: rotate 3s linear infinite;
    }
    @keyframes rotate {
        100% {
            transform: rotate(1turn);
        }
    }
    &::after {
        content: '';
        position: absolute;
        z-index: -1;
        left: 5px;
        top: 5px;
        width: calc(100% - 10px);
        height: calc(100% - 10px);
        background: #587be4;
        border-radius: 5px;
    }
}
.pullBtn{
    &::before {
        top: -550%;
        height: 4500%;
    }
}

